import React from 'react';
import { Layout } from 'antd';
import Navbar from '../Navbar/NavbarComponent';
import Footer from '../Footer/FooterComponent';
import Sidebar from '../SideBar/SidebarComponent';
import styles from './App.scss';
// import yeoman from '../../assets/yeoman.png';

export default class App extends React.Component {
  static propTypes = {
    children: React.PropTypes.object.isRequired,
    viewer: React.PropTypes.object.isRequired
  };

  render() {
    return (
      <Layout>
        <Navbar />
        <Layout className="ant-layout-has-sider">
          <Sidebar />
          <Layout style={{ padding: '0 24px 24px' }}>
            <Layout.Content style={{ background: '#fff', padding: 24, margin: 0, minHeight: 280 }}>
              {this.props.children}
            </Layout.Content>
          </Layout>
        </Layout>
        <Footer />
      </Layout>
    );
  }
}
